// import Vue from 'vue'
// import Toast from'./Toast'
// const obj={}
// obj.install=(Vue)=>{
//   //1.创建组件构造器
//   const toastConstructor=Vue.extend(Toast)
//   //2.new的方式，根据组件构造器，可以创建出来一个组件对象
//   const toast=new toastConstructor()
//   //3,将组件对象，手动挂载到某一个元素上
//   toast.$mount(document.createElement('div'))
//   //4.toast.$el对应的就是创建的div
//   document.body.appendChild(toast.$el)

//   Vue.prototype.$toast =Toast
// }
// export default obj
import ToastComponent from './Toast.vue'// 引入先前写好的vue
const Toast = {};
// 注册Toast
Toast.install = function (Vue) {
    // 生成一个Vue的子类
    const ToastConstructor = Vue.extend(ToastComponent)
    // 生成一个该子类的实例
    const instance = new ToastConstructor();
    // 将这个实例挂载在我创建的div上
    // 并将此div加入全局挂载点内部
    instance.$mount(document.createElement('div'))
    document.body.appendChild(instance.$el)
    // 通过Vue的原型注册一个方法
    // 让所有实例共享这个方法 <br>    // 其中的duration是持续时间
    Vue.prototype.$toast = (msg, duration = 1250) => {
        instance.msg = msg;
        instance.isShowYs = true;
        setTimeout(() => {
            instance.isShowYs = false;
        }, duration);
    }
}
// 导出
export default Toast